<template>
	<view class="completed">
		<view class="wallpaper"></view>
		<view class="container">
			<tn-icon name="praise" color="#ffffff" size="100"></tn-icon>
			<view class="text mt20">您已完成问卷~</view>
			<view class="mt200">
				3秒后返回首页
			</view>
		</view>
	</view>
</template>

<script setup lang="ts">
import {onLoad} from "@dcloudio/uni-app";

onLoad(() => {
	setTimeout(() => {
		uni.reLaunch({
			url: "/pages/index/questionnaireList"
		});
	}, 3000);
});
</script>

<style lang="scss">
.completed {
	.wallpaper {
		width: 100%;
		height: 100vh;
		position: fixed;
		background-color: #2DCA8D;
	}
	
	.container {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding-top: 200rpx;
		color: #FFFFFF;
		
		.text {
			font-size: 40rpx;
		}
	}
}
</style>
